/*  
	 ___                         
	/\_ \    __                  
	\//\ \  /\_\  __  __    __   
	  \ \ \ \/\ \/\ \/\ \ /'__`\ 
	   \_\ \_\ \ \ \ \_/ |\  __/ 
	   /\____\\ \_\ \___/\ \____\
	   \/____/ \/_/\/__/  \/____/ CSS                                              
                             
*/

/* Canopy
----------------------------------------------------------- */

#canopy {
	z-index:99997;
	position:fixed;
	min-height:100%; 
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
}

#canopy-overlay {
	z-index:99998;
	background:#000;
	position:absolute;
	min-height:100%;
	height:100%;
	min-width:100%;
	width:100%;
	left:0%;
	top:0%;

	bottom:0%;
}

#canopy-content-container {
	z-index:99999;
	position:absolute;
	min-height:100%;
	height:100%;
	min-width:100%;
	width:100%;
	left:0%;
	top:35px;
	bottom:0%;
}

#canopy-content-container div.drag {
	cursor:move;
}


#canopy-btn-close {
	z-index:999999;
	position:absolute;
	right:10px;
	top:10px;
	width:32px;
	height:32px;
	/* if you want a background
	background:url('/images/icons/icon.canopy.close.png') no-repeat center;*/
}

#canopy-btn-close:hover {
	cursor:pointer;
}

/* Tabs 
----------------------------------------------------------- */

.tab {
}

.panel {
}

/* Slideshow 
----------------------------------------------------------- */

.slideshow-container {
	position:relative;
}

.slideshow-container .slide {
	position:absolute;
	top:0px;
	left:0px;
}

/* Tabbed Viewer 
----------------------------------------------------------- */

.viewer-container {
    position:relative;
}

.viewer-control { }

.viewer-control:hover { }

.viewer-next { }

.viewer-previous { }

.viewer-tabs { }

.viewer-tabs-container {
	overflow:hidden;
}

.viewer-container .panel {
    position:absolute;
    left:0px;
    top:0px;
}

/* PopUp
----------------------------------------------------------- */

div.popup-container {
	padding:0px;
	z-index:99999;
	-webkit-box-shadow:0px 0px 10px #CCC;
 	-moz-box-shadow:0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;
	border:1px solid #CCC;
	background:#FFF;
}

div.popup-controls {
	background:#FFF;
	color:#333;
	border-bottom:1px solid #CCC;
}

div.popup-controls a {
	float:right;
	padding:10px 15px;
	cursor:pointer;
	color:#333;
}

div.popup-controls .popup-title {
	float:left;
	padding:10px 10px;
	color:#333;
}

div.popup-controls a:hover {
	color:#FFF;
	text-decoration:none;
}

/* Modal & Loader
----------------------------------------------------------- */

#popup-modal-loader iframe {
	overflow:hidden;
}

#popup-modal-loader .popup-content {
    background: no-repeat scroll center 20px;
	padding:10px;
}

#popup-modal-loader .popup-content img {
	display:block;
	margin:10px auto;
}

#loading-title {
	text-align:center;
	padding:35px 10px 10px 10px;
}

/* Tool Tip
----------------------------------------------------------- */

.tool-tip {
	position: absolute;
	border: 1px solid #e9da2b;
	background: #fef58e;
	padding: 5px;
	z-index: 100000;
	max-width: 300px;
}


/* Dropdowns
----------------------------------------------------------- */

.dropdown-container {
	position:relative;
}

.dropdown-sub-container {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}

/* Live Forms 
----------------------------------------------------------- */

.live-form input.invalid {
	color:#F00;
}	
